<template>
	<view class="content">
		<view class="content-top">
			<view class="top-text">
				<text @click="callPhone('0937-2880255')" style="line-height:2;display: block;text-indent: 56rpx;">
					如果您在使用该平台的过程中遇到任何问题，请用微信的“扫一扫”功能扫描下方二维码加入 “职缘陇中平台技术支持”公共就业服务平台技术支持群，您也可以拨打	0937-2880255客服电话反映您遇到的问题，我们会第一时间进行处理
				</text>
			</view>
		</view>
		<view class="content-b">
			<image :src="imageUrl+'/home/crowd_dx.jpg'" :show-menu-by-longpress="true" class="b-img" @click="previewImage">
				<view class="b-text">(长按识别二维码)</view>
			</image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageUrl:''
					}
			},
			methods:{
				previewImage(e){
				        uni.previewImage({
				            // 需要预览的图片链接列表。若无需预览，可以注释urls
				            urls: [e.target.src],
				            // 为当前显示图片的链接/索引值
				            current: e.target.src,
				            // 图片指示器样式	
				            indicator:'default',
				            // 是否可循环预览
				            loop:false,
				            // 长按图片显示操作菜单，如不填默认为保存相册
							// longPressActions:{
							// 	itemList:[this.l('发送给朋友'),this.l]
							// },
							success: res => {
								console.log('previewImage res', res);
							}, 
							fail: err => {
								console.log('previewImage err', err);
							}
						});
				    },
					callPhone(mobile) {
							let para = {
								cancelText: '我再想想',
								success: (confirm) => {
									if (confirm.confirm) {
										uni.makePhoneCall({
											phoneNumber: mobile,
											success() {
												console.log('拨打成功了');
											},
											fail() {
												console.log('拨打失败了');
											}
										})
									}
								}
							}
							para.title = '确认拨打';
							para.content = '技术支持'
							para.confirmText = '拨打';
							uni.showModal(para);
					},
				
			},
			onLoad() {
				
				this.imageUrl = this.globalConfig.imageUrl;
			},
	}
	
</script>

<style lang="scss">
page {
		background: #FAFAFA;
	}
	.content {
		width: 100%;
		padding: 30rpx;
		
		.content-top {
			width: calc(100% - 20rpx);
			    position: relative;
			    left: 10rpx;
			    border-radius: 16rpx;;
			background-color: #D0E0FB;
			.top-text{
				color: #0256FF;
				padding: 30rpx;
				font-size: 14px;
			}
			
		}
		.content-b{
			.b-img{
				width: 100%;
				background-repeat: no-repeat;
				background-size: contain;
				height: 60vh;
			}
			.b-text{
				font-size: 14px;
				text-align: center;
			}
		}
		
	}
	
</style>
